import React, { Component } from 'react';
import { Link } from 'react-router-dom';
class App extends Component {
  render() {
    return (
      <div className="container">
      <div className="common-header">
        <div className='logo'>
          <img src="https://b-gold-cdn.xitu.io/v3/static/img/logo.a7995ad.svg" alt=""></img>
        </div>
        <ul className="common-nav">
        <li>
            <Link to='/'>首页</Link>
          </li>
          <li><Link to='/activities'>动态</Link></li>
          <li><Link to='/topics'>话题</Link></li>
          <li><Link to='/xiaoce'>小册</Link></li>
          <li><Link to='/huodong'>活动</Link></li>
        </ul>
        <div className="common-search">
          <div className='search-from'>
            <input type="text" placeholder='搜索掘金' />
            <span className="iconfont icon-sousuo"></span>
          </div>
        </div>
        <div className="douser">
          <ul>
            <li>
              <div>
                写文章
              </div>
            </li>
            <li>铃</li>
            <li>用</li>
          </ul>
        </div>
      </div>
        小册栏目
      </div>
    );
  }
}

export default App;
